<template>
  <div>
    <el-row :gutter="0">
      <drill-tenant-order></drill-tenant-order>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="8">
        <bar-tenant-order></bar-tenant-order>
      </el-col>
      <el-col :span="8">
        <pie-type-goods></pie-type-goods>
      </el-col>
      <el-col :span="8">
        <pie-channel-order></pie-channel-order>
      </el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="8">
        <pie-film-ticket></pie-film-ticket>
      </el-col>
      <el-col :span="16">
        <his-cinema-order></his-cinema-order>
      </el-col>
    </el-row>
    <el-row :gutter="0">
      <his-time-order></his-time-order>
    </el-row>
  </div>
</template>

<script>
import PieChannelOrder from "@/views/charts/PieChannelOrder";
import BarTenantOrder from "@/views/charts/BarTenantOrder";
import HisCinemaOrder from "@/views/charts/HisCinemaOrder";
import PieFilmTicket from "@/views/charts/PieFilmTicket";
import HisTimeOrder from "@/views/charts/LineTimeOrder";
import PieTypeGoods from "@/views/charts/PieTypeGoods";
import DrillTenantOrder from "@/views/charts/DrillTenantOrder";

export default {
  name: "HomeMain",
  components: {
    DrillTenantOrder,
    PieTypeGoods, HisTimeOrder, PieFilmTicket, HisCinemaOrder, BarTenantOrder, PieChannelOrder},
  data: function () {
    return {};
  }
}
</script>

<style scoped>

</style>
